const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {

  chainWebpack: config => {
    // set svg-sprite-loader
    config.module
      .rule('svg')
      .exclude.add(resolve('src/icons'))
      .end()
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(resolve('src/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]'
      })
      .end()
    config.module
      .rule('css')
      .test(/\.css$/)
      .oneOf('vue')
      .resourceQuery(/\?vue/)
      .use('px2rem')
      .loader('px2rem-loader')
      .options({
        remUnit: 192
      })
  },
  publicPath: './',
  outputDir: 'dist', // 打包的目录
  lintOnSave: false, // 在保存时校验格式
  productionSourceMap: false, // 生产环境是否生成 SourceMap
  devServer: {
    open: true, // 启动服务后是否打开浏览器
    host: '0.0.0.0',
    port: 9525, // 服务端口
    https: false,
    hotOnly: false,
    proxy: null, // 设置代理
    before: app => { }
  },
  // eslint-disable-next-line no-dupe-keys
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].title = ''
        return args
      })
  }
}
